<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <head>        
        <meta http-equiv="pragma" content="no-cache"/>
        <meta http-equiv="cache-control" content="no-cache"/>
        <meta http-equiv="expires" content="0"/>
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>          
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/include/css/easyui.css"/>
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/include/css/icon.css"/>
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/include/css/style.css" />
        <script type="text/javascript" src="${pageContext.request.contextPath}/include/js/jquery-1.6.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/include/js/jquery.easyui.min.js"></script>
        <script type="text/javascript">
			$(function(){
			    $('#tt').tabs({
			        tools:[{
			                iconCls:'icon-reload',
			                title:'adsad',
			                handler: function(){
			                    refresh();			
			                }
			
			            },{
			                iconCls:'icon-wmax',
			                handler: function(){
			                    maxWindown();
			                }
			            }]
			    });           
			});
			function addTab(title,url){            	
			    if ($('#tt').tabs('exists', title)){
			        $('#tt').tabs('select', title);
			    } else {
			        var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
			
			        $('#tt').tabs('add',{
			            title:title,
			            content:content,
			            iconCls:'icon-system',
			            closable:true
			        });
			    }
			}
			function refresh(){
			    var tab = $('#tt').tabs('getSelected');
			    $('#tt').tabs('update', {
			        tab: tab,
			        options:{                     
			            content:tab.panel('options').content
			        }
			    });
			}
			//
			
			function maxWindown(){
			    setTimeout(function(){ $('body').layout('collapse','west')},0);
			    setTimeout(function(){ $('body').layout('collapse','east')},0);
			    setTimeout(function(){ $('body').layout('collapse','south')},0);
			}	
			function dialogChangePass(){
				$('#dlg').css("display:block");
			    $('#dlg').dialog({
			        title:' Thay đổi mật khẩu', width:450,height:250,modal:true
			    });
			}
			
			$(document).ready(function(){
			    function showMess(str){
			        $.messager.show({
			            title:'Thông báo',
			            msg:'Hệ thống nhận được '+str+' yêu câu khách hàng chưa được phê chuẩn '+
			                "<a href='javascript:void(0)' onClick=\"addTab('Yeu cau khach hang','requirement/index.html')\">Xem</a>",
			            timeout:0,
			            sshowType:'show'
			        });
			    }
			    //showMess();
			   
			});		
		</script>
    </head>
    <body class="easyui-layout">
        <div region="north"  split="false" class="header" style="height: 32px">           
            <jsp:include page="header.jsp" />
        </div>
        <div region="west" split="true" title="MENU HỆ THỐNG" style="width:230px;padding1:1px;overflow:hidden;">
            <div class="easyui-accordion" fit="true" border="false">
                <jsp:include page="right.jsp" />  
            </div>
        </div>
        <div region="center" title="" style="overflow:hidden;">
            <div id="tt" class="easyui-tabs" fit="true" border="false">
                <div title="System information" iconCls="icon-system" style="padding:20px;overflow:hidden;">
                    <? include 'info.html'; ?>
                </div>

            </div>
        </div>
        <div region="south" title="" split="true" class="footer">            
           <jsp:include page="footer.jsp" />
        </div>
        <jsp:include page="changePassForm.jsp" />
    </body>
</html>

